import {useState,useEffect } from 'react';
//自定义hook (自定义函数 函数名必须与use开头)
function useMouse(){
    //coordinates :坐标
    let[coordinates,setCoordinates] = useState({x:0,y:0})
    
     //处理鼠标移动事件
    let handleMouse=(e)=>{   
        setCoordinates({
            x:e.clientX,
            y:e.clientY
        })  
    }
    useEffect(()=>{
        //页面挂载完毕绑定鼠标移动事件
       window.addEventListener("mousemove",handleMouse);
       //当组件被卸载时执行清楚鼠标移动事件
       return  ()=>{
       window.removeEventListener("mousemove",handleMouse);
       }
    })
    return coordinates;
}


export {useMouse}